// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

$font-path: '/media/protocol/fonts';
$image-path: '/media/protocol/img';

@import '~@mozilla-protocol/core/protocol/css/includes/lib';

// * -------------------------------------------------------------------------- */
// Up-to-date page header

.c-page-header {
    background: transparent;

    .mzp-l-content {
        padding-top: $spacing-md;
        padding-bottom: $spacing-md;
    }

    @media #{$mq-lg} {
        .mzp-l-content {
            padding-top: $spacing-xl;
            padding-bottom: $spacing-xl;
        }

        .mzp-c-notification-bar {
            margin-top: 0;
        }
    }
}

.c-page-header-inner {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr;
}

.c-page-header-logo-fx {
    @include image-replaced;
    background: url('/media/img/logos/firefox/logo-word-hor.svg') no-repeat;
    @include background-size(120px, 40px);
    width: 120px;
    height: 40px;
    margin: 0 auto;
}

@media #{$mq-lg} {
    .c-page-header-inner {
        @include grid-column-gap($spacing-lg);
        display: grid;
        grid-template-columns: 1fr max-content 1fr;
    }

    .c-page-header-logo-fx {
        margin: 0;
    }
}
